<template>
  <div>
    <Loading :status="loading" text="加载中" />
    <GloablHeader :data="{ isLogin: false }" />
    <router-view></router-view>
  </div>
</template>

<script lang='ts'>
import { useModel } from './components/Bionic'
import { computed, defineComponent, onMounted } from 'vue'
import { useStore } from 'vuex'

import Loading from './components/Loading/index.vue'
import GloablHeader from './components/GloablHeader/index.vue'
import 'bootstrap/dist/css/bootstrap.min.css'
export default defineComponent({
  name: 'App',
  components: {
    GloablHeader, Loading
  },
  setup() {
    const stroe = useStore()
    const loading = computed<boolean>(() => stroe.state.loading)
    onMounted(() => {
      stroe.dispatch('getUsetData')
    })

    return {
      loading
    }
  },

})
</script>
